Necesito un número dinámico de botones de radio según la longitud de Array Of Objects ( por ejemplo: enum_details ):
El siguiente es el código que probé:
<div *ngFor="let enum of enum_details"> <label for="enum_answer_{{enum.value}}"> <input id="enum_answer_{{enum.value}}" type="radio" name="enums" [(ngModel)]="enum.value"> {{enum.display_text}} </label> </div>Pero, cuando hago clic en cualquier radio, siempre se selecciona la última y el valor nunca se asigna a ngModel .
Si elimino ngModel , las radios funcionan bien, pero el valor no está establecido. ¿Cuál puede ser la solución aquí?
usa tu código así
<div *ngFor="let enum of enum_details"> <label for="enum_answer_{{enum.name}}"> <input id="enum_answer_{{enum.name}}" [value]='enum.name' type="radio" name="enums" [(ngModel)]="radioSelected"> {{enum.name}} </label> </div> <button (click)='radioFun()'>Checked value of radio button</button>Prueba algo como esto.
<div class="radio" *ngFor="let key of enum_details"> <label> <input type="radio" name="keys_on_hand" [value]="key.value" [(ngModel)]="key.value"> {{key.display}} </label> </div>Puede usar con un control de formulario como este.
<div class="form-check form-check-inline pl-0" *ngFor="let class of classList> <input class="form-check-input" id="enum_answer_{{class.type}}" [value]='class.type' name="type" type="radio" formControlName="type"> <label class="form-check-label" for="enum_answer_{{class.type}}">{{class.type}}</label> </div>